@import "../../../style/index.scss";

.git-provider-connection {
  display: flex;
  align-items: center;

  padding: var(--default-spacing);
  gap: var(--default-spacing-small);

  border: 1px solid var(--gray-70);
  border-radius: var(--default-spacing-small);

  &.enabled {
    background-color: var(--gray-full);
  }

  &__name {
    @include title-14;
  }

  &__controls {
    display: flex;
    align-items: center;
    gap: var(--default-spacing-small);
    margin-left: auto;
  }

  &__lock {
    &:hover {
      cursor: pointer;
    }
  }

  &__tooltip__window {
    display: flex;
    align-items: center;
    gap: 6px;

    .amp-icon {
      color: #f85b6e;
    }

    &__info {
      .upgrade-link,
      .contact-us-link {
        font-weight: 600;
      }
    }
  }

  &__connect {
    min-width: auto;
    height: 28px;
  }

  &__coming_soon {
    display: flex;
    align-items: center;
    gap: var(--default-spacing-small);
    font-size: 10px;
    color: (var(--gray-40));
  }

  &__feature-container {
    display: flex;
    align-items: center;
    gap: var(--default-spacing-small);
  }

  &__azure-organization-form {
    &__logo {
      max-width: 50px;
      max-height: 50px;
    }
  }
}
